@import './variables.scss';
@import '../css/mixin.scss';

* {
  margin: 0;
  padding: 0;
  list-style: none;
}

html,
body {
  height: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  font-size: $fontSize;
  line-height: $fontHeight;
  font-weight: $fontWeight;
  overflow: hidden;
  label {
    font-weight: 700;
  }

  #app {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
  }

  *,
  *:before,
  *:after {
    box-sizing: inherit;
  }

  a:focus,
  a:active {
    outline: none;
  }

  a,
  a:focus,
  a:hover {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
  }

  div:focus {
    outline: none;
  }

  .clearfix {
    @include clearfix;
  }

  ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #babdcb !important;
  }

  ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #babdcb !important;
  }

  :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #babdcb !important;
  }
  ::-webkit-scrollbar {
    width: 7px;
    height: 9px;
  }
  ::-webkit-scrollbar-thumb {
    background: rgba(144, 147, 153, 0.3);
    /* // border: 1px solid rgba(144, 147, 153, 0.3); */
    border-radius: 3px;
  }
  ::-webkit-scrollbar-track {
    border-radius: 3px;
    background: rgba(255, 255, 255, 1);
  }
}
